﻿<script type="text/javascript" language="javascript">
		    $(function () {
		        $('#foo2').carouFredSel({
		            auto: false,
		            prev: '#prev2',
		            next: '#next2',
		            pagination: "#pager2",
		            mousewheel: true,
		            swipe: {
		                onMouse: true,
		                onTouch: true
		            }
		        });

		    });
</script>


@model PuroGame.ViewData.Mercadao.HomeViewData
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="content-in">

    <div class="box-holder-anuncio">
        <div class="img-anuncio">
            <img alt="Jogo" class="img-game" src="http://www.wired.com/images_blogs/gamelife/2011/03/la_tribeca.jpg" />
            <div class="info-anuncio">
                <div class="box-sell-exchange sell active clearfix">
                    <span class="sell">VENDO</span>
                    <span >Preço: R$@Model.Preco</span>
                </div>
                <span class="or">ou</span>
               <div class="box-sell-exchange exchange clearfix">
                    <span class="change">TROCO</span>
               </div>
             
            </div>

        </div>
        <div class="box-info-game">
            <h2>@Model.Titulo</h2>
            <h4 class="announced">Anunciado em @Model.Data</h4>

            <div class="wrapper">

                <div class="list_carousel">
                    <ul id="foo2">
                        <li>
                            <img src="~/Images/temp/la-noire-3.jpg" />
                        </li>
                        <li>
                            <img src="~/Images/temp/la.noire.01.lg.jpg" />
                        </li>
                        <li>
                            <img src="~/Images/temp/lanoire.jpg" />
                        </li>
                        <li>
                            <img src="~/Images/temp/la-noire-3.jpg" />
                        </li>
                        <li>
                            <img src="~/Images/temp/la_noire_versus_620x349.jpg" />
                        </li>
                        <li>
                            <img src="~/Images/temp/la-noire-3.jpg" />
                        </li>
                    </ul>
                    <div class="clearfix"></div>
                    <a class="prev" id="prev2" href="#"><span>prev</span></a>
                    <a class="next" id="next2" href="#"><span>next</span></a>
                    <div id="pager2" class="pagination"></div>
                </div>
            </div>

            <div class="box-holder-drescription-game">
                <div class="title">
                    <h2 class="title-light">Descrição do jogo</h2>
                </div>
                <div class="description-game">L.A. Noire é um jogo de investigação que passa em Los Angeles nos anos 40 que se utiliza da estética dos filmes Noir para ambientar o jogador em um dos períodos mais instigantes do século XX.</div>
            </div>

            <div class="box-holder-drescription-announced">
                <div class="title">
                    <h2 class="title-light">Descrição do Anuncio</h2>
                </div>
                <div class="description-announced">
                    <span>Texto: @Model.Texto</span>
                </div>
            </div>

            <div class="box-sell-exchange msg clearfix">
                <span class="change">Enviar Mensagem</span>
                <textarea ></textarea>
                <input type="button" value="enviar" class="btn-gray-default" />
            </div>

        </div>



    </div>

</div>
